.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
}

input[type="password"] {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 250px;
  font-size: 16px;
  margin-bottom: 10px;
  transition: border-color 0.3s;
}

input[type="password"]:focus {
  border-color: #007bff; /* 聚焦时的边框颜色 */
  outline: none; /* 去掉默认的轮廓 */
}

button {
  padding: 10px 20px;
  background-color: #007bff; /* 按钮背景色 */
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s, transform 0.2s;
}

button:hover {
  background-color: #0056b3; /* 悬停时的背景色 */
  transform: translateY(-2px); /* 悬停时的上移效果 */
}

.error {
  color: red;
  margin-top: 10px;
  font-size: 14px; /* 增加错误消息的字体大小 */
} 